<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      template="/resources/templates/navegacionTemplate.xhtml"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
    <ui:define name="cabecera">
        <title>Foroweb-EMR</title>
    </ui:define>
    <ui:define name="tabla">
       
        <p:tabView dynamic="true" cache="true" style="background-image:  url(#{perfilController.usuario.fondo}); filter:alpha(opacity=40) " >
            <p:tab title="Datos personales de #{perfilController.usuario.nick}">
                <h:panelGrid columns="2">
                    <p:graphicImage value="#{perfilController.usuario.ruta}" height="130" width="130" />
                    <h:panelGrid columns="2" style="text-align: center" >
                        <h:outputLabel  style="font-size: 13px" value="Nombre: "/>
                      <h:outputLabel style="font-size: 13px" value="#{perfilController.usuario2.perfil.nombre}"/>
                      <h:outputLabel  style="font-size: 13px" value="Ciudad: "/>
                       <h:outputLabel style="font-size: 13px" value="#{perfilController.usuario2.perfil.ciudad}"/>
                        <h:outputLabel style="font-size: 13px" value="Apellidos: "/>
                      <h:outputLabel style="font-size: 13px" value="#{perfilController.usuario2.perfil.apellidos}"/>
                        <h:outputLabel  style="font-size: 13px" value="Pais: "/>
                        <h:outputLabel value="#{perfilController.usuario2.perfil.pais}"/>
                        <h:outputLabel style="font-size: 13px" value="E-mail: "/>
                        <h:outputLabel style="font-size: 13px" value="#{perfilController.usuario2.email}"/>
                        <h:outputLabel style="font-size: 13px" value="Descrip: "/>
                        <h:outputLabel    value="#{perfilController.usuario2.perfil.descripcion}"/>
                        <h:outputLabel style="font-size: 13px" value="Fecha de Nacimiento "/>
                        <h:outputLabel value="#{perfilController.usuario.perfil.fnac}">
                            <f:convertDateTime pattern="dd/MM/yyyy"/>
                            </h:outputLabel>
                        <h:outputLabel  style="font-size: 13px" value="Sexo: "/>
                        <h:outputLabel value="#{perfilController.usuario2.perfil.sexo}"/>
                    </h:panelGrid>
                    <p:commandButton onclick="modificar.show()" value="Modificar"/>
                </h:panelGrid>
            </p:tab>
            <p:tab title="Mensajes Recibidos">
                <h:panelGrid columns="2" cellpadding="10">
                        <p:graphicImage value="#{perfilController.usuario.ruta}" height="130" width="130" />
                            <p:dataTable value="#{perfilController.privados}" var="privado"
                            paginator="true" rows="5"
                            paginatorPosition="bottom"
                            paginatorTemplate="{PreviousPageLink} {CurrentPageReport} {NextPageLink} {RowsPerPageDropdown}"
                            rowsPerPageTemplate="5,10,15">
                               
                                   <p:column style="width:16px;">
                                      <p:rowToggler />
                                 </p:column>
                                 <p:column>
                                           <f:facet name="header">
                                            <h:outputText value="Borrar" />
                                            </f:facet>
                                            <h:selectBooleanCheckbox value="#{perfilController.selectedId[privado.id]}" />
                                        </p:column>
                            
                                    <p:column>
                                        <f:facet name="header">
                                                Asunto
                                        </f:facet>
                                            <c:if test="#{privado.leido}">

                                        <h:outputText value="#{privado.asunto}"  style="background:green" />
                                            </c:if>
                                              <c:if test="#{!privado.leido}">

                                              <h:outputText value="#{privado.asunto}" />
                                            </c:if>
                                    </p:column>


                                  
                                
                           
                                 <p:column>
                                     <f:facet name="header">
                                            Remitente
                                    </f:facet>
                                     <h:outputLabel value="#{privado.remitente.nick}"  />

                                   </p:column>
                                    <p:column>
                                         <f:facet name="header">
                                                Fecha
                                        </f:facet>
                                        <h:outputText value="#{privado.fecha}">
                                            <f:convertDateTime pattern="EE dd/MM/yyyy - HH:mm (+01)"/>
                                            </h:outputText>
                                    </p:column>
                                       <p:column>
                                            <p:commandLink update="privados" onclick="privadoDialog.show()" title="View Detail">
                                                    <p:graphicImage value="/resources/images/mensaje.png" width="20" />
                                                <f:setPropertyActionListener value="#{privado}" target="#{perfilController.selectedPrivado}" />
                                            </p:commandLink>
                                        </p:column>
                                      

                   <p:rowExpansion>
                       <h:outputLabel value="#{privado.texto}"/>
                   </p:rowExpansion>

                   </p:dataTable>

            </h:panelGrid>
         <h:commandButton value="Borrar mensajes" action="#{perfilController.getSelectedPrivados}" />
        
        </p:tab>
        <p:tab title="Mensajes Enviados">
                 
        <h:panelGrid columns="2" cellpadding="10">
            <p:graphicImage value="#{perfilController.usuario.ruta}" height="130" width="130" />
           <p:dataTable value="#{perfilController.privadosEnv}" var="privadoEnv"
		paginator="true" rows="5"
                paginatorPosition="bottom"
		paginatorTemplate="{PreviousPageLink} {CurrentPageReport} {NextPageLink} {RowsPerPageDropdown}"
		rowsPerPageTemplate="5,10,15">
                               <p:column style="width:16px">
                                  <p:rowToggler />
                               </p:column>
                            <p:column>
                                   <f:facet name="header">
                                <h:outputText value="Borrar" />
                            </f:facet>
                            <h:selectBooleanCheckbox value="#{perfilController.selectedIdEnv[privadoEnv.id]}" />
                               </p:column>
                                 <p:column>
                                     <f:facet name="header">
                                            Destinatario
                                    </f:facet>
                                     <h:outputLabel value="#{privadoEnv.destinatario.nick}"  />

                                </p:column>
                                <p:column>
                                    <f:facet name="header">
                                            Asunto
                                    </f:facet>


                                <h:outputText value="#{privadoEnv.asunto}" style="margin-left:10px"/>

                                </p:column>
                                <p:column>
                                     <f:facet name="header">
                                            Fecha
                                    </f:facet>
                                    <h:outputText value="#{privadoEnv.fecha}">
                                        <f:convertDateTime pattern="EE dd/MM/yyyy - HH:mm (+01)"/>
                                        </h:outputText>
                                </p:column>
                               <p:column>
                                    <p:commandLink update="privadosEnv" onclick="privadoDialog.show()" title="View Detail">
                                            <p:graphicImage value="/resources/images/mensaje.png" width="20" />
                                        <f:setPropertyActionListener value="#{privadoEnv}" target="#{perfilController.selectedPrivado}" />
                                </p:commandLink>
                                </p:column>
                              
               <p:rowExpansion>
                   <h:outputLabel value="#{privadoEnv.texto}"/>
               </p:rowExpansion>
               </p:dataTable>
                </h:panelGrid>
                <h:commandButton value="Borrar mensajes" action="#{perfilController.getSelectedPrivadosEnv}" />
                   
        </p:tab>

    </p:tabView>

      


        <p:dialog header="logout" draggable="true" widgetVar="logoutDialog" showEffect="fade" hideEffect="fade">
            <h:form>
            <p:outputPanel id="logout" style="text-align:center;" layout="block">
                      <h:panelGrid  columns="2" >
                                <h:outputText value="Estas conectado como  #{sessionScope.SPRING_SECURITY_CONTEXT.authentication.principal.username}"   />
                                <h:commandLink action="#{loginBean.logout}" value="Disconnect"/>
                     </h:panelGrid>
            </p:outputPanel>
            </h:form>
        </p:dialog>
    
        <p:dialog header="Modificar perfil de #{perfilController.usuario2.nick}" position="center" draggable="true" widgetVar="modificar" width="800" height="500" >


             <h:panelGrid columns="4" style="text-align: center" >
                

                    
                     
                    <h:outputLabel  style="font-size: 13px" value="Nombre: "/>
                    <p:inputText style="font-size: 13px" value="#{perfilController.usuario2.perfil.nombre}"/>
                     <h:outputLabel  style="font-size: 13px" value="Ciudad: "/>
                    <h:inputText style="font-size: 13px" value="#{perfilController.usuario2.perfil.ciudad}"/>
                    <h:outputLabel style="font-size: 13px" value="Apellidos: "/>
                    <p:inputText style="font-size: 13px" value="#{perfilController.usuario2.perfil.apellidos}"/>
                    <h:outputLabel  style="font-size: 13px" value="Pais: "/>
                    <h:selectOneMenu value="#{perfilController.usuario2.perfil.pais}">
                     <f:selectItems  value="#{perfilController.paises}" />

                     </h:selectOneMenu>
                     <h:outputLabel style="font-size: 13px" value="E-mail: "/>
                    <p:inputText style="font-size: 13px" value="#{perfilController.usuario2.email}"/>
                    <h:outputLabel style="font-size: 13px" value="Descrip: "/>
                    <p:inputTextarea  autoResize="800" effectDuration="10" maxHeight="1500"  value="#{perfilController.usuario2.perfil.descripcion}"/>
                     <h:outputLabel style="font-size: 13px" value="Contrasenia: "/>
                     <h:inputSecret style="font-size: 13px" value="#{perfilController.password1}"/>
                      <h:outputLabel style="font-size: 13px" value="Fecha de Nacimiento "/>
                     <p:calendar value="#{perfilController.usuario2.perfil.fnac}" pattern="dd/MM/yyyy"/>
                      <h:outputLabel style="font-size: 13px" value="Repetir contrasenia: "/>
                     <h:inputSecret  style="font-size: 13px" value="#{perfilController.password2}"/>
                     <h:outputLabel  style="font-size: 13px" value="Sexo: "/>
                     <h:selectOneMenu value="#{perfilController.usuario2.perfil.sexo}">
                     <f:selectItem  itemLabel="Hombre" itemValue="Hombre" />
                     <f:selectItem  itemLabel="Mujer" itemValue="Mujer" />
                     </h:selectOneMenu>
                     <h:outputLabel  style="font-size: 13px" value="URL avatar: "/>
                     <p:inputText style="font-size: 13px" value="#{perfilController.usuario2.ruta}"/>
                     <h:outputLabel  style="font-size: 13px" value="fondo: "/>
                     <p:inputText style="font-size: 13px" value="#{perfilController.usuario2.fondo}"/>

                </h:panelGrid>
             <h:commandButton value="Submit" action="#{perfilController.modificarPerfil()}" />


        </p:dialog>

 
        
 
	<p:dialog header="Mensaje Privado"  widgetVar="privadoDialog" width="800" height="500" modal="true">

       
			
                <p:panel  style="text-align:center;" >
                       
                    <h:panelGrid  columns="1">
                        
                        <h:outputLabel value="Asunto"/>
                        <p:inputText value="#{perfilController.privado.asunto}"/>
                        <h:outputLabel value="Texto"/>
                        <h:outputLabel/>
                        <p:inputTextarea autoResize="350" effectDuration="35" maxHeight="500"  value="#{perfilController.privado.texto}"   />

                    </h:panelGrid>
                       <p:commandButton value="responder" action="#{perfilController.responderPrivado}" />
                                
                </p:panel>

                              
         
	</p:dialog>
   </ui:define>
</ui:composition>
